html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	background-color: #eee;
	margin: 0px;
}

div.page {
	background-color: #fff;
	min-height: 600px;
	padding: 10px;
	margin-top:51px;
}

ul.nav-tabs.top_tab > li.ref_no {
	float:right; 
	margin-left:8px;
}

ul.nav-tabs.top_tab > li.ref_no > span {
	display:block;
	background-color:#0088cc; color:#fff;
	font-weight:bold;
	line-height: 20px;
	padding-top: 4px;
  	padding-bottom: 4px;
  	padding-left:12px;
  	padding-right:12px;
  	border: 1px solid transparent;
  	margin:4px 0px;
}

ul.nav-tabs.top_tab > li.ref_no > a.btn {
	font-size:12px;
	padding-top:4px;
	padding-bottom:4px;
	margin:4px 0px;
}

.inline-block {
	display: inline-block;
}

div.btn-control {
	text-align: center;
	margin-top: 30px;
}

.form-horizontal.three-col .control-label {
	width: 160px;
	text-align: left;
}

.form-horizontal.three-col .controls {
	margin-left: 160px;
}

.form-horizontal.three-col input {
	width: 140px;
}

.form-horizontal.three-col select {
	width: 154px;
}

table.tbl {
	width: 100%;	
}

table.tbl th, table.tbl td {
	padding: 4px;
	border: 1px solid #ddd;
}

table.match_trace_tbl {
	text-align: center;	
}

table.mdr_rate tr {
	height: 30px;
}

table.mdr_rate tbody.hover tr:hover {
	background-color: #7FFFAA;
}

table.mdr_rate th, table.mdr_rate td {
	text-align: left;	
	padding: 1px;
	border: none;
}

table.mdr_rate input {
	width: 82%;
}

table.mdr_rate select {
	width: 100%;
}

table.tbl select, table.tbl input {
	margin-bottom: 0px;
}

table.match_trace_tbl input {
	width: 140px;
}

table.match_trace_tbl select {
	width: 154px;
}

table.monthly_deposit_tbl input {
	width: 159px;
}

table.monthly_deposit_tbl select {
	width: 162px;
}

table.no-border th, table.no-border td {
	border: none;
}

table.no-border table.tbl th, table.no-border table.tbl td {
	border: 1px solid #ddd;
}

.rightJustified {
	text-align: right;
}

.number {
	text-align: right;
}

.title {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0px;
}

.title a.link {
	font-size: 12px;
}

.main-content {
	min-height: 400px;
}

.jq-message {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	width: 100%;
	top: 0px;
	left: 0px;
	padding: 12px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	z-index: 100;
}


table.tbl.amex_auth_sign_tbl th, table.tbl.amex_auth_sign_tbl td {
	border: none;
	padding: 0px;
}

table.tbl.amex_auth_sign_tbl tr.padding td {
	padding-top: 15px;
}


.form-horizontal.search .control-group {margin-bottom:5px}
div.btn-control.search {margin-top:15px}

.form.caseaction, .form.extremark {background-color:#eee; margin-bottom:20px}
.form.caseaction > div.row-fluid > div, .form.extremark > div.row-fluid > div {padding:10px}
.form.caseaction .control-group {margin-bottom:0px}
.form.caseaction .controls textarea, .form.extremark .controls textarea {width:95%; height:100px}
.form.caseaction .controls select, .form.extremark .controls select {width:95%; height:110px}
.form.caseaction div.btn-control {margin-top:15px}

ul.outletlist {list-style-type:none; margin-left:10px; margin-bottom:30px}
ul.outletlist > li.active {font-weight:bold}
ul.outletlist > li.addnew {font-style:italic}

span.must {color:#f00; font-size:16px; font-weight:bold; margin-right:5px;}

/* Header */
#bgWrapperHome {padding:0;margin:0 0 0 0;width:102%; position:absolute; z-index:50; background:#ffc700; left:0; top:0;right:0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  #ffb605 0%, #ffd746 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb605), color-stop(100%,#ffd746)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb605 0%,#ffd746 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb605 0%,#ffd746 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb605 0%,#ffd746 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb605 0%,#ffd746 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb605', endColorstr='#ffd746',GradientType=0 ); /* IE6-8 */  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); }
.headerBar {width:100%;border-bottom:solid 1px #ffb505; z-index:55; height:50px; position:relative; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); }
.headerBarBorder { border-bottom:solid 1px #ffe178; width:100%; padding:0; height:49px;}
.containerHome {margin:auto;padding:0 10px;text-align:left;width:980px;height:48px;}
.logo {width:350px;height:auto;background:none;padding:0;margin:7px 0 0 0;float:left;}
.logdetails {font-size:11px; padding-top:10px; width:50%;float:right;text-align:right}
.logdetailsbold {font-size:13px;font-family:'KievitWeb-Bold', 'Trebuchet MS', sans-serif;}
.logoutbt {padding-top:5px; width:100px; float:right;text-align:right;margin:11px 0 0 0;}
.logoutbt a {border:1px solid #fff;font-family:'KievitWeb-Bold', 'Trebuchet MS', sans-serif;margin-left:15px;color:#000000;text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);padding:6px 12px 3px 12px;-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.15); box-shadow: 0 0 2px 2px rgba(0,0,0,0.15);background:none;text-decoration:none;}
.logoutbt a:hover {border:1px solid #666666;font-family:'KievitWeb-Medi', 'Trebuchet MS', sans-serif;margin-left:15px;text-shadow: 0px 0px 0px rgba(255, 255, 255, 0);padding:6px 12px 3px 12px;background:#000;color: #FFFFFF;}
.logoutbt a span {font-size:16px;font-family:'KievitWeb-Med', 'Trebuchet MS', sans-serif;}

/* Footer */
#footer {padding:10px 0 20px 0;margin:0;clear:both;}
#footer .copyrights {float:left;width:auto;text-align:left;padding:2px 0 10px 0;border:0px solid #000;color:#999999;font-size:11px;}
#footer .sublinks {float:right;width:auto;text-align:right;padding:2px 0 10px 0;border:0px solid #000;color:#333333;font-size:11px;font-family:'KievitWeb-Bold', 'Trebuchet MS', arial, sans-serif;}
#footer a {color:#999999;text-decoration:none;margin:3px 3px;padding:4px 2px;font-size:11px;}
#footer a:hover {color:#000000;text-decoration:underline;}


/* Table Style */
table.tblDetails {width:100%; background:#fff;border:0px solid #999999;color:#333;padding:1px;margin:15px 0;width:100%;border-spacing:1px;}
table.tblDetails thead th {background: #333333;color:#ffffff;text-align:left;font-weight:bold;padding:6px 5px;}
table.tblDetails th {padding:3px;background:#666666;font-size:12px;color:#fff;font-weight:bold;text-align:center;}
table.tblDetails tr.even {background:#e0e0e0;}
table.tblDetails tr.odd {background: #ffffff;}
table.tblDetails td {padding:5px;text-align:left;}
table.tblDetails td a {font-weight:bold;}
table.tblDetails input.inputStyle {width:95%;background:#333333;color:#fff;font-size:13px;padding:1px 5px;line-height:24px;border:0;}
table.tblDetails input.inputButton {width:;background:#ffb606;color:#000000;font-size:13px;padding:1px 10px;line-height:24px;border:0;font-weight:bold;}

table.vendor_pos_tbl_1 th, table.vendor_pos_tbl_1 td.input {text-align:center}
table.vendor_pos_tbl_1 tr {height:34px;}
table.vendor_pos_tbl_1 tr.vendor_pos_title td {font-weight:bold; text-align:center;}
table.vendor_pos_tbl_1 input[type="text"] {width:90%;}

table.vendor_pos_tbl_2 th, table.vendor_pos_tbl_2 td {text-align:center;}
table.vendor_pos_tbl_2 input[type="text"] {width:100px;}

table.vendor_inst_tbl th, table.vendor_inst_tbl td {border:none; padding:10px 4px;}

table.pl_tbl tbody.no-border th, table.pl_tbl tbody.no-border td {border:none;}
table.pl_tbl th, table.pl_tbl td {padding:1px;}
table.pl_tbl th.no-border, table.pl_tbl td.no-border {border:none;}
table.pl_tbl th.bold, table.pl_tbl td.bold {font-weight:bold;}
table.pl_tbl th.underline, table.pl_tbl td.underline {text-decoration:underline;}
table.pl_tbl th.center, table.pl_tbl td.center {text-align:center;}
table.pl_tbl th.right, table.pl_tbl td.right {text-align:right;}
table.pl_tbl tr {height:30px;}
table.pl_tbl th input[type="text"], table.pl_tbl td input[type="text"] {width:90px;}
table.pl_tbl input:not([readonly="readonly"]) {background-color:#ff8}

table.esa_ezypay_tbl tbody.no-border th, table.esa_ezypay_tbl tbody.no-border td {border:none;}
table.esa_ezypay_tbl th, table.pl_tbl td {padding:1px;}
table.esa_ezypay_tbl th.no-border, table.esa_ezypay_tbl td.no-border {border:none;}
table.esa_ezypay_tbl th.bold, table.esa_ezypay_tbl td.bold {font-weight:bold;}
table.esa_ezypay_tbl th.underline, table.esa_ezypay_tbl td.underline {text-decoration:underline;}
table.esa_ezypay_tbl th.center, table.esa_ezypay_tbl td.center {text-align:center;}
table.esa_ezypay_tbl th.right, table.esa_ezypay_tbl td.right {text-align:right;}
table.esa_ezypay_tbl tr {height:30px;}
table.esa_ezypay_tbl th input[type="text"], table.esa_ezypay_tbl td input[type="text"] {width:67px;}
table.esa_ezypay_tbl input:not([readonly="readonly"]) {background-color:#ff8}

table.vendor_pos_tbl_2.terminal_detail input[type="text"] {width:80px}

/* Table Style end*/

div.form-section {padding:10px 0px;}

div#appendix_frame {background-color:#fff; width:1020px; height:500px; box-shadow:0px 0px 16px 0px #333; position:fixed; left:50%; top:10%; margin-left:-510px}

div.section-header {
	font-size:16px; font-weight:bold; padding:10px 10px 4px 10px; color:#0088cc; border-bottom:1px solid #ddd; margin-bottom:10px;
}

div.document > .tbl, div.document > .control-group {display:none}
div.document > .active {display:block}
div.document > .tbl.active {display:table}


.custom-combobox {
    position: relative;
    display: inline-block;
    
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    font-size:12px;
  }
<!-- Report CSS start -->
nav {margin:0px 0px 10px 0px; width:820px; position:relative; }
nav ul {padding:0px; margin:0px;}
nav li {position:relative; float:left; list-style-type:none;}
nav ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
nav li a {display:block; padding:0px; color:black; text-decoration:none; }
nav li a:hover {background-color:#fff;}
nav li li a {width:290px;}
nav li li a:hover {background-color:#27a0e5; color:#fff; text-decoration:none}
nav ul ul {z-index:10; display:none; position:absolute; background-color:#fff; width:330px}
nav ul ul a {padding:2px 15px; font-size:14px; line-height:22px}

button .caret {
	vertical-align: middle;
	border-top: 6px solid #000000;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	position: relative;
	top: -5px;
	left: -1px;
}

#topNav {padding:5px; width:auto; border-bottom:1px solid #ddd; padding-bottom:7px; margin-bottom:20px}
#topNav .title {font-size:22px}

.reportTbl th {
	border: 1px solid #777;
}

.reportTbl th.num, .reportTbl td.num {
	text-align: center;
}

input#year {width:60px;}
select#month {width:144px;}
input#from_date {width:95px;}
input#to_date {width:95px;}
<!-- Report CSS end -->